<template>
    <div style="width:100%">
        <div class="coupons">
            <div class="coupons_top">
               <div>满1900减100元</div>
               <div style="font-size:30px">￥100</div>
               <div>订单满1900元可使用</div>
               <div>有效期：2019-01-04</div>
            </div>
            <div class="coupons_bottom">
               <div style="width:100%;text-align:left;height:35px;line-height:35px;border-bottom:1px solid #eee;">每人限领1张</div>
               <div style="width:100%;text-align:left;height:35px;line-height:35px;border-bottom:1px solid #eee;">适用范围:全部商品</div>
               <div style="width:100%;text-align:left;height:35px;line-height:35px;border-bottom:1px solid #eee;">使用说明：满1999立减100</div>
                 <el-button type="danger" style="margin-top:20px">立即使用</el-button>
            </div>
        </div>
    </div>
</template>
<script>
export default {
  
}
</script>
<style lang="scss">
   .coupons{
       width: 100%;
       border-radius: 10px;
       .coupons_top{
           padding: 20px;
           box-sizing: 20px;
           background:#f96868;
           font-size: 16px;
           color:#fff;
       }
       .coupons_bottom{
           padding:10px 20px;
           box-sizing: border-box;
           color: #999;
           font-size: 15px;
           background-color: rgb(243, 247, 249)
;
       }
   }
</style>